<template>
  <div class="ser">
    <img src="../assets/logo.png" alt="" class="imgct">
  <el-menu
    default-active="b"
    class="el-menu-vertical-demo"
    :collapse="isCollapse"
    @open="handleOpen"
    @close="handleClose"
    unique-opened=true
    router=true
  >
    <el-menu-item index="a">
      <el-icon><icon-menu/></el-icon>
      <template #title>仪表盘</template>
    </el-menu-item> 
    <el-sub-menu index="b">
      <template #title>
        <el-icon><location /></el-icon>
        <span>常用设置</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="b-1">教师管理</el-menu-item>
        <el-menu-item index="b-2">学生管理</el-menu-item>
        <el-menu-item index="b-3">公告管理</el-menu-item>
        <el-menu-item index="b-4">系统配置</el-menu-item>
        <el-menu-item index="b-5">判题服务器</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="c">
      <template #title>
        <el-icon><location /></el-icon>
        <span>问题</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="c-1">问题列表</el-menu-item>
        <el-menu-item index="c-2">增加题目</el-menu-item>
        <el-menu-item index="c-3">导入导出题目</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="d">
      <template #title>
        <el-icon><location /></el-icon>
        <span>比赛&练习</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="d-1">比赛列表</el-menu-item>
        <el-menu-item index="d-2">创建比赛</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
    <el-sub-menu index="e">
      <template #title>
        <el-icon><location/></el-icon>
        <span>课程</span>
      </template>
      <el-menu-item-group>
        <el-menu-item index="e-1">课程列表</el-menu-item>
        <el-menu-item index="e-2">创建课程</el-menu-item>
      </el-menu-item-group>
    </el-sub-menu>
  </el-menu>
  </div>
</template>

<script>
export default{
    data(){
        return{

        }
    }
}
</script>

<style>
.el-menu-vertical-demo:not(.el-menu--collapse) {
  width: 250px;
  min-height:580px ;
}
.imgct{
    text-align: center;
}
</style>